<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/5buy.css" />
		<link rel="stylesheet" type="text/css" href="css/2.submit.css" />
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}

			body {
				height: 100%;
			}

			#shadow {
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.3);
				position: fixed;
				left: 0;
				top: 0;
				display: none;
				z-index: 11;
			}

			#Tbox {
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				z-index: 12;
			}

			.closes {
				width: 30px;
				height: 30px;
				background-color: red;
				color: black;
				text-align: center;
				line-height: 30px;
				cursor: pointer;
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(443px, -265px);
				/* display: none; */
			}
		</style>
	</head>
	<body>
		
		<!--------------- logo-------- -->
		<div id="logo">
			<img class="logo" src="imgs/logo@2x.png">
		</div>


		<!--------- 最外层框 ------------->
		<div id="sel">
			<!-- 、头部 -->
			<div id="header">
				<input type="checkbox" name="" id="in1" value="" />&nbsp;&nbsp;&nbsp;全选
				<span>商品</span>
				<span>单价</span>
				<span>数量</span>
				<span>小计</span>
				<span>操作</span>
			</div>

			<!-- 中间 -->
			<div id="center">
				<input type="checkbox" id="in2" />
				<img src="">
				<ul class="ec">
					<li class="ename"></li>
					<li class="counts"></li>
				</ul>

				<p id="danjia">￥ <span class="singleprice"></span></p>
				<div id="count">
					<button type="button" class="prev">-</button>
					<span class="count"></span>
					<button type="button" class="next">+</button>
				</div>
				<p id="xiaoji">￥ <span class="xiaoji"></span></p>
				<button type="button" id="delete">删除</button>

			</div>

			<!-- 底部 -->
			<div id="footer">
				<div id="fleft">
					<input type="checkbox" id="in3" />全选

				</div>
				<div id="fright">
					<div id="text">
						<p>总计</p>
						<p>已选择<span class="num">0</span>件商品</p>
					</div>

					<button type="button" class="pay">立即结算</button>
				</div>
			</div>
		</div>


		<!-------------- 尾部 -------------->
		<div id="lastend">
			<div id="end">
				<p>国家药监局提醒您:宣称用于祛斑美白,防晒,染发,烫发等的化妆品为特殊用途化妆品,产品标签上应标注"国妆特字"或者"国妆特进字"的标准文号</p>
				<p>&copy;欧莱雅中国版权有限公司 中国供商户ICP备081000043号-34</p>
				<ul>
					<li>使用条款<span>|</span></li>
					<li>Cookies隐私<span>|</span></li>
					<li>隐私政策</li>
				</ul>
				<p class="end-p">浏览该网站表示您接收并同意我们使用Cookies为您提供个性化的浏览体验。点击<a href="https://policy.lorealchina.com/cookiespolicy"
					 target="_blank">Cookies政策</a>了解详情</p>
			</div>
		</div>





		<!-------------------------登录注册页 弹出框 ,遮罩层-->
		<div id="shadow">

		</div>
		<div id="Tbox">
			<p class="closes">
				X
			</p>
			<div id="Tbox-H">
				兰蔻会员欢迎您,注册享积分,登录享礼遇!
			</div>

			<div id="Tbox-all">
				<div id="logon">
					<h1 class="logon-h1">登录</h1>
					<!-- 登录下面的部分 -->
					<div id="logon-all">
						<p>
							<span>手机号/邮箱*</span>
							<input type="text" placeholder="手机号/邮箱" style="text-indent: 2em;" class="email" /></br>
						</p>
						<p>
							<span>密码*</span>
							<input type="text" placeholder="请填写密码" style="text-indent: 2em;" class="password" /></br>

						</p>
						<button type="button" class="enroll">登录</button>
						<div id="logon-b">
							<span>短信验证码登录</span>
							<a href="https://www.lancome.com.cn/member/forgetpassword/page?isNewMem=true">忘记密码</a>
							<p>使用第三方账号登录</p>
						</div>
					</div>

				</div>
				<!-- 注册 -->
				<div id="login">
					<h1 class="login-h1">注册</h1>
					<!-- 注册下半部分 -->
					<!-- 第一个页面 -->
					<div id="login-all">
						<p>兰蔻品牌会员尊享权益</p>
						<p>欢迎来到兰蔻官网，您将尊享专属权益</p>
						<ul>
							<li>兰蔻品牌会员独家礼赠</li>
							<li>会员积分兑礼</li>
							<li>生日专宠礼</li>
						</ul>
					</div>

				</div>
				<!-- 注册的第二个页面 -->
				<div id="sub">
					<div id="submit">
						<div id="submit-left">
							<div id="">
								<span>手机号*</span>
								<input type="text" placeholder="手机号" style="text-indent: 2em;" class="phone" /></br>
							</div>
							<div id="">
								<span>密码*</span>
								<input type="text" placeholder="请填写密码"/ style="text-indent: 2em;" class="pwd1"></br>
							</div>

							<div id="">
								<span>确认密码*</span>
								<input type="text" placeholder="请再次输入你的密码" style="text-indent: 2em;" class="pwd2" /></br>
							</div>

						</div>
						<div id="submit-right">
							<div id="">
								<span>验证码*</span>
								<input type="text" placeholder="输入验证码" style="text-indent: 2em;" /></br>
							</div>

							<div id="">
								<span>短信验证码*</span>
								<input type="text" placeholder="短信验证码" style="text-indent: 2em;" /></br>
							</div>

						</div>
					</div>
					<!-- 下面 -->
					<div id="submit-b">
						<span></span>
						<span>我同意依照本条例和隐私政策ss对我的个人信息进行收集和使用;我已阅读并确认被给予充分机会理解该使用条款和隐私政策的内容</span>
					</div>
					<!-- 最下面 -->
					<div id="submit-f">
						<button type="button" class="regist">立即注册</button>
						<a href="">邮箱注册</a>
					</div>
				</div>
			</div>
		</div>



		



	</body>
</html>
<script src="js/jQuery.js"></script>
<script src="js/5buyjQuery.js"></script>

<!-- 购物车页链入弹出框的js样式，和登录向后台发送的数据 -->
<script src="js/2.tanjQuery.js"></script>
<script src="js/3regist.js"></script>
<script>
	// 点击红色块，让他们消失
	$(".closes").click(function() {
		$("#shadow").fadeOut();
		$("#Tbox").fadeOut();
	})
	
	
	
	
</script>
